@prefix-cls: purchase-supplierstatics;

.@{prefix-cls} {
  &-rootBoxDiv {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
  }

  // 头部搜索盒子
  &-SearchBox {
    .ant-card-body {
      padding: 10px;

      .ant-form {
        width: 100%;

        .ant-form-item {
          margin-bottom: 0px;
        }
      }
    }

    &-colRightBox {
      text-align: right;
    }
  }

  // 下面两层盒子
  &-CenterBox {
    height: 500px;
    overflow: hidden;

    .ant-card {
      height: 100%;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    // echart图表样式
    &-EchartsRootDiv {
      padding: 20px;
      height: 100%;
      width: 100%;
      overflow: hidden;
      background: #fff;
    }

    // 让echarts下面第一个div的高度100%
    &-EchartsRootDiv div:first-child {
      height: 100% !important;
    }

    // 底部搜索框表单样式
    &-TableCardBox {
      .ant-card-head-title > div {
        display: flex;
        justify-content: flex-end;

        .ant-form {
          width: 30%;

          .ant-form-item:first-child {
            margin-bottom: 0px !important;

            .ant-input-affix-wrapper {
              border-radius: 50px;
            }
          }
        }
      }

      .ant-card-body {
        padding: 8px 10px !important;
        height: 100%;
        overflow: hidden;
      }

      // 表格样式处理
      .list-table {
        .ant-table {
          margin: 0 !important;
        }

        .ant-pagination {
          margin: 0 !important;
        }
      }
    }
  }
}
